<template>
	<div class="box">
		<div class="bigbox">
			<span class="class">课程分类:</span>
			<span ><router-link :to="{ path: '/allcourse' }" class="quanbu">全部</router-link></span>
			<span ><router-link :to="{ path: '/shijue' }" class="shijue">视觉/运营设计</router-link></span>
			<span ><router-link :to="{ path: '/huihua' }" class="huihua">绘画插画</router-link></span>
			<span class="pinpaisheji">品牌设计</span>
			<span>交互设计</span>
			<span>三维/影视/动画</span>
			<span>摄影摄像</span>
			<span>设计通识</span>
			<span>软件工具</span>
		</div>
	</div>
</template>

<script>
</script>

<style scoped>
    .box {
		margin: 0px 124px;
		background-color: white;
		padding-bottom: 40px;
		margin-top: 120px;
	}
	span {
		cursor: pointer;
		font-size: 14px;
		height: 24px;
		padding: 6px 16px;
		margin-right:8px ;
	}
	.class {
		padding-left: 0px;
	}
	.quanbu,
	.shijue,
	.huihua {
		text-decoration:none;
        color:black;
	}
	.huihua {
		color: rgb(40, 178, 139);
	}
</style>